<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@page import="java.util.List"%>  
<%@page import="org.imis.domain.*"%>  
 <%@taglib prefix="s" uri="/struts-tags" %>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<title>专业首页</title>
	<link rel="stylesheet" href="plugin/css/easy-responsive-tabs.css">
	 <!-- Bootstrap -->
	<link rel="stylesheet" href="plugin/css/bootstrap.min.css">
    <!-- Animate -->
	<link rel="stylesheet" href="plugin/css/animate.css">
    <link rel="stylesheet" href="plugin/css/animate-control.css">
 
    <!-- Owl Carousel -->
	<link rel="stylesheet" href="plugin/css/owl.carousel.min.css">
	<link rel="stylesheet" href="plugin/css/owl.theme.default.min.css">
    <!-- Font Awesome -->
	<link rel="stylesheet" href="plugin/font-awesome-4.7.0/css/font-awesome.min.css">
	 <!-- easyTab css -->
  
  <link rel="stylesheet" href="css/common.css">
  <link rel="stylesheet" href="css/index.css">
  <style>
/*常用样式和主题色
 -----------------------------------------------------------------------------*/
 
/*栏目模块
 -----------------------------------------------------------------------------*/
.padding {
		  	padding: 1.5em 1.5em;
		  }
          .head-news {
          	width: 100%;
          	background: #f5f7f9;
          }
          .font-first-heading {
          	color: #000066;
          	font-size: 1.4em;
          }
       .head-news-icon {
       	color: #000066;
       	float: left;
       	margin-right: .7em;
       }
          .head-news .font-first-heading {
          	float: left;
          }
          
          .head-news .fa-angle-right {
          	float: right;
          	color: grey;
          }
          .know-more {
          	float: right;
          	color: grey;
          }
          .know-more a {
          	color: grey;
          }
          .head-news-border {
          	display: block;
          	height: 1px;
          	width: 100%;
          	margin: 0 auto;
          	clear: both;
            background: rgba(0,0,0,0.35);
          }
          .head-news-body {
          	margin-top: .7em;
          }
          .head-news-body .fa-angle-double-right {
          	float: left;
          	color: #0099CC;
          	font-size: 1.4em;
          	margin-right: .2em;
          	margin-left: -1.8em;
          }
          .fa-angle-right {
          	margin-top: 3px;
          }
          .head-news-body-item {
          	padding: .67em;
          	display: block;
          }
          .head-news-body-item:hover {
          	background: rgba(0,0,0,0.01);
          }
          .span-news-border2 {
           	display: block;
           	height: 1px;
           	width: 95%;
           	background: rgba(0,0,0,0.1);
           }
           .head-news-body-item:hover {
             color: rgba(0,0,0,0.7);
           }

           .font-main {
           	color: grey;
           	font-size: 14px;
           }
           .head-news-body-item:hover .font-main {
		       -webkit-animation: intro-news-content-animate .2s linear 0s 1 alternate forwards;
		       -o-animation: intro-news-content-animate .2s linear 0s 1 alternate forwards;
		       animation: intro-news-content-animate .2s linear 0s 1 alternate forwards;
           }
           @keyframes intro-news-content-animate {
	       	from {

	       	}
	       	to {
	           	margin-left: 1em;
	           	color: black;
	       	}
	       }
/*轮播展示模块
 -----------------------------------------------------------------------------*/
             #owl-demo {
             	width: 100%;
             	height: 250px;
             }
             #owl-demo .item {
			    display: block;
			}
			#owl-demo img {
			    display: block;
			    height: 400px;
			    width: 100%;
			}
			.index-head-content #owl-demo .item-intro{
                position: absolute;
                width: 100%;
                background: rgba(0,0,0,0.45);
                padding: 1em .7em;
                bottom: 0;
                color: white;
                font-size: 1.4em;
			}
			 .index-head-content .owl-dots {
			 	position: absolute;
			 	right: 10px;
			 	bottom: -130px;
			 }
			 .index-head-content .owl-carousel .owl-controls .owl-nav .owl-prev,
			 .index-head-content .owl-carousel .owl-controls .owl-nav .owl-next {
                position: absolute;
			 	top: 65%;
			 	width: 45px;
			 	height: 70px;
			 	padding-top: 12px;
			 	background: rgba(0,0,0,0.25);
			 }
			 .index-head-content .owl-carousel .owl-controls .owl-nav .owl-prev:hover,
			 .index-head-content .owl-carousel .owl-controls .owl-nav .owl-next:hover {
			 	background: rgba(0,0,0,0.65);
			 }
			 .index-head-content .owl-carousel .owl-controls .owl-nav .owl-prev {
			 	left: -5px;
			 }
			 .index-head-content .owl-carousel .owl-controls .owl-nav .owl-next {
			 	right: -5px;
			 }
			  .owl-dots .owl-dot.active span, 
			  .owl-dots .owl-dot:hover span {
				  background: none;
				  border: 2px solid #f66d52;
				}
/* index-success
      ------------------------------------------------------------------------------*/
      .index-success {
      	background: #f5f7f9;
      	padding: 20px;
      	margin-top: -50px;
      }
      .index-success .item {
      	display: block;
      }
		.index-success .item img {
			width: 16em;
			height: 10em;
		}
		.index-success-title {
			font-size: 1.6em;
			color: #000066;
			letter-spacing: 1px;
		}
		#owl-demo2  .owl-controls .owl-nav .owl-prev,
			 #owl-demo2  .owl-controls .owl-nav .owl-next {
                position: absolute;
			 	top: 20%;
			 	width: 45px;
			 	height: 70px;
			 	padding-top: 12px;
			 	background: rgba(0,0,0,0.25);
			 }
			 #owl-demo2  .owl-controls .owl-nav .owl-prev:hover,
			 #owl-demo2  .owl-controls .owl-nav .owl-next:hover {
			 	background: rgba(0,0,0,0.65);
			 }
			 #owl-demo2  .owl-controls .owl-nav .owl-prev {
			 	left: -80px;
			 }
			 #owl-demo2  .owl-controls .owl-nav .owl-next {
			 	right: -80px;
			 }
/* 侧边栏
------------------------------------------------------------------------------*/
	.fixed-menu {
		position: fixed;
		right: 0;
		bottom: 30%;
		width: 43px;
		z-index: 100;
		height: 180px;
	}
	.fixed-munu-item {
		position: relative;
		width: 100%;
		height: 43px;
		margin-bottom: 8px;
		opacity: 0;
		z-index: 100;
		/*background: #7d6d6d;*/
	}
	.fixed-menu i {
		
		color: #ccc;
	}
	.fixed-munu-item-icon {
		width: 100%;
		height: 100%;
		z-index: 100;
		background: #7d6d6d;
		padding: 8px 0 5px 8px;
	}
	.fixed-munu-item-content {
		position: absolute;
        right: 43px;
        top: 0px;
		background: #0099CC;
		height: 43px;
		line-height: 43px;
		width: 80px;
		z-index: 100;
		visibility: hidden;
	}
	.fixed-menu-intro a{
		font-size: 14px;
		color: white;
	}
	.fixed-menu-intro a:hover {
		color: white;
	}
	.fix-menu-item-door {
		position: absolute;
		top: -120px;
        width: 120px;
        height: 120px;
        background: url("img/weixin.png");
        background-size: cover;
       visibility: hidden;
	}
  </style>
</head>
<body>
        <!-- header start -->
		<!-- ================ --> 
		<header  id="head-link" class="header fixed clearfix navbar">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-4">

						<!-- header-left start -->
						<!-- ================ -->
						<div class="header-left clearfix">

							<!-- logo -->
							<div class="logo smooth-scroll">
								<a href="#banner"><img id="logo" src="img/logo.png" alt="Worthy"></a>
							</div>

							<!-- name-and-slogan -->
							<div class="site-name-and-slogan smooth-scroll">
								<!-- <div class="site-name"><a href="#banner">信息管理与信息系统</a></div>
								<div class="site-slogan"> 致力于信息化人才的 <a target="_blank">培养</a></div> -->
							</div>

						</div>
						<!-- header-left end -->
					</div>
					<!-- col-md-4 end -->

					<div class="col-md-8">
						<!-- header-right start -->
						<!-- ================ -->
						<div class="header-right clearfix">
							<!-- main-navigation start -->
							<!-- ================ -->
							<div class="main-navigation animated">
								<!-- navbar start -->
								<!-- ================ -->
								<nav class="navbar navbar-default" role="navigation">
									<div class="container-fluid">

										<!-- Toggle get grouped for better mobile display -->
										<div class="navbar-header">
											<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1">
												<span class="sr-only">Toggle navigation</span>
												<span class="icon-bar"></span>
												<span class="icon-bar"></span>
												<span class="icon-bar"></span>
											</button>
										</div>

										<!-- Collect the nav links, forms, and other content for toggling -->
										<div class="collapse navbar-collapse scrollspy smooth-scroll" id="navbar-collapse-1">
											<ul class="nav navbar-nav navbar-right">
												<li class="lock"><a href="#">首页</a></li>
												
												<li class="dropdown">
										          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">专业概况 <span class="caret"></span></a>
										          <ul class="dropdown-menu">
										            <li><a href="majorcondition.action">专业介绍</a></li>
										            <li><a href="findallteach.action?pageN=1&check=q">师资成员</a></li>
										          </ul>
										        </li>
												<li><a href="findallaction.action?table=PConsult&pageN=1&check=q&ctable=课程咨询">课程咨询</a></li>
												<li><a href="findallaction.action?table=RConsult&pageN=1&check=q&ctable=招生咨询">招生咨询</a></li>
												<li><a href="findallaction.action?table=StudentShip&pageN=1&check=q&ctable=奖励学金">奖励学金</a></li>
												<li class="dropdown">
										          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">学生活动 <span class="caret"></span></a>
										          <ul class="dropdown-menu">
										            <li><a href="findallaction.action?table=StuHonor&pageN=1&check=q&ctable=荣誉事迹">荣誉事迹</a></li>
										            <li><a href="findallaction.action?table=StuGroup&pageN=1&check=q&ctable=专业协会">专业协会</a></li>
										          </ul>
										        </li>
												
											</ul>
										</div>

									</div>
								</nav>
								<!-- navbar end -->
							</div>
							<!-- main-navigation end -->
						</div>
						<!-- header-right end -->
					</div>
				</div>
			</div>
		</header>
		<!-- header end -->

		<div class="header-end">
			<div class="container">
				<div class="row">
					<p class="main-font pull-right header-end-note header-end-note1"><i class="fa fa-home"></i><a href="#">[设为首页]</a></p>
			        <p class="main-font pull-right header-end-note header-end-note2"><i class="fa fa-star"></i><a href="#">[收藏我们]</a></p>
				</div>
			</div>
		</div>

		<!-- head-content start -->
		<div class="index-head-content">
			<div class="container">
				<div class="row">
					<div class="col-md-7">
						<div id="owl-demo" class="owl-carousel">
						    <a class="item"><img src="img/head-owl-img1.jpeg" alt=""><div class="item-intro">欢迎领导到校访问交流！</div></a>
						    <a class="item"><img src="img/head-owl-img2.jpg" alt=""><div class="item-intro">欢迎青年教师团队交流教学经验！</div></a>
						    <a class="item"><img src="img/head-owl-img3.jpg" alt=""><div class="item-intro">热烈庆祝信管专业成为广东省特级专业！</div></a>
						    <a class="item"><img src="img/head-owl-img1.jpeg" alt=""><div class="item-intro">欢迎领导到校访问交流！</div></a>
						    <a class="item"><img src="img/head-owl-img2.jpg" alt=""><div class="item-intro">欢迎青年教师团队交流教学经验！</div></a>
						</div>
					</div><!-- col-md-7 end -->
					<div class="col-md-5">
						<div class="head-news padding">
							<div class="head-news-title">
                        	<i class="fa fa-calendar fa-2x head-news-icon"></i>
						    <p class="font-first-heading">信管新闻</p>
						    <i class="fa fa-angle-right fa-lg"></i>
						    <p class="know-more pull-right"><a href="findallaction.action?table=News&pageN=1&check=q&ctable=信管新闻">更多</a></p>
						    
                        </div>
                        <span class="head-news-border"></span>
						<ul class="head-news-body">
<%List newslist = (List)request.getAttribute("newslist"); 
 for(int i =0;i<newslist.size();i++)
 {
	 News news = (News)newslist.get(i);

	
%>
							<li class="head-news-body-item">
								<i class="fa fa-angle-double-right"></i>
								<p class="font-main"><a href="newscondition.action?table=News&id=<%=news.getId()%>&ctable=信管新闻"><%=news.getTitle()%></a></p>
							</li>
		<%}%>				
						
							
							
						</ul>
						</div><!-- col-md-5 end -->
                        
					</div>
				</div>
		    </div>
		</div>
		<!-- head-content end -->
		
<!-- index-middle-content start -->
		<div class="index-middle-content margin">
			<div class="container">
			<div class="row">
				<div class="col-md-4">
					<div class="head-news padding">
							<div class="head-news-title">
                        	<i class="fa fa-graduation-cap fa-2x head-news-icon"></i>
						    <p class="font-first-heading">学院通知</p>
						    
						    <p class="know-more pull-right"><a href="findallaction.action?table=Notice&pageN=1&check=q&ctable=学院通知">更多<i class="fa fa-angle-right fa-lg"></i></a></p>
						    
                        </div>
                        <span class="head-news-border"></span>
						<ul class="head-news-body">
<%List noticelist = (List)request.getAttribute("noticelist"); 
 for(int i =0;i<noticelist.size();i++)
 {
	 Notice news = (Notice)noticelist.get(i);

	
%>
							<li class="head-news-body-item">
								<i class="fa fa-angle-double-right"></i>
								<p class="font-main"><a href="newscondition.action?table=Notice&id=<%=news.getId()%>&ctable=学院通知"><%=news.getTitle()%></a></p>
							</li>

	<%}%>						
						</ul>
				</div>
			 </div>
			 <div class="col-md-4">
					<div class="head-news padding">
						<div class="head-news-title">
                        	<i class="fa fa-university fa-2x head-news-icon"></i>
						    <p class="font-first-heading">学术论坛</p>
						    
						    <p class="know-more pull-right"><a href="findallaction.action?table=Forum&pageN=1&&ctable=学术论坛">更多<i class="fa fa-angle-right fa-lg"></i></a></p>
						    
                        </div>
                        <span class="head-news-border"></span>
                        <ul class="head-news-body">
<%List forumlist = (List)request.getAttribute("forumlist"); 
 for(int i =0;i<forumlist.size();i++)
 {
	 Forum news = (Forum)forumlist.get(i);

	
%>
							<li class="head-news-body-item">
								<i class="fa fa-angle-double-right"></i>
								<p class="font-main"><a href="newscondition.action?table=Forum&id=<%=news.getId()%>&ctable=学术论坛"><%=news.getTitle()%></a></p>
							</li>

	<%}%>	
							
						</ul>
				</div>
			 </div>
				<div class="col-md-4">
					<div class="head-news padding">
							<div class="head-news-title">
                        	<i class="fa fa-newspaper-o fa-2x head-news-icon"></i>
						    <p class="font-first-heading">信息公开</p>
						    
						    <p class="know-more pull-right"><a href="findallaction.action?table=Information&pageN=1&check=q&ctable=信息公开">更多<i class="fa fa-angle-right fa-lg"></i></a></p>
						    
                        </div>
                        <span class="head-news-border"></span>
						<ul class="head-news-body">
<%List informationlist = (List)request.getAttribute("informationlist"); 
 for(int i =0;i<informationlist.size();i++)
 {
	 Information news = (Information)informationlist.get(i);

	
%>
							<li class="head-news-body-item">
								<i class="fa fa-angle-double-right"></i>
								<p class="font-main"><a href="newscondition.action?table=Information&id=<%=news.getId()%>&ctable=信息公开"><%=news.getTitle()%></a></p>
							</li>

	<%}%>	
						</ul>
				</div>
			</div>
		</div>
	</div>
	<style>
        .index-story-item {
        	width: 95%;
        	height: 150px;
            margin-bottom: 5px;
        }
        .story-right-icon {
        	width: 25%;
        	float: left;
        	display: block;
        	background: #f5f7f9;
        	border: 1px solid #eee;
        	height: 100%;
        }
        .story-right-icon span {
        	display: block;
        	width: 50%;

        	margin: 35% auto;
        	margin-bottom: 7px;
        }
        .story-right-icon i {
            color: #CC6666;
        }
        .fa-circle-o {
           
        }
        .story-right-icon:hover .story-right-desc{
           color: #CC6666;
        }
        .story-right-pic {
        	display: block;
        	width: 75%;
        	float: right;
        	height: 100%;
        	position: relative;
        }
        .story-right-pic1 {
           background: url("img/index-story-img1.jpg");
           background-size: 95% 100%;
        }
        .story-right-pic2 {
           background: url("img/index-story-img2.jpg");
           background-size: 95% 100%;
        }
        .story-right-pic3 {
           background: url("img/index-story-img3.jpg");
           background-size: 95% 100%;
        }
        .story-right-pic:hover .story-pic-desc {
        	-webkit-animation: desc .4s linear 0s 1 normal forwards;
        	-o-animation: desc .4s linear 0s 1 normal forwards;
        	animation: desc .4s linear 0s 1 normal forwards;
        }
        @keyframes desc{
        	from{

        	}
        	to {
              height: 35px;
        	  line-height: 35px;
        	  opacity: 1
        	}
        }
        .story-pic-desc {
        	position: absolute;
        	bottom: 0;
        	width: 100%;
        	height: 0px;
        	line-height: 0px;
        	background: rgba(0,0,0,0.7);
        	opacity: 0;
        }
        .story-pic-desc p {
        	color: white;
        	letter-spacing: 1px;
        }
	</style>
	<style>
        .tab li {
        	
        	list-style-type: none;
        	margin-left: 10px;
        	float: left;
        }
        .tab {
        	height: 525px;
        	margin-top: -10px
        }
        .tab-menu {
        	width: 100%;
        	height: 20%;
        	margin-bottom: -65px;
        }
        .tab-menu li {
        	padding: 0 10px;
        	width: 100px;
        	height: 40px;
        	display: block;
        	border: 1px solid #eee;
        	font-size: 14px;
        	text-align: center;
        	background: #f5f7f9;
        	padding-top: 10px;
        	cursor: pointer;
        }
        .tab-menu li i {
        	float: left;
        	color: #000066;
        	margin: 3px -3px 0 3px;
        }
        .tab-menu li:nth-child(1) {
        	margin-left: -40px;
        }
        .tab-content {
        	width: 100%;
        	height: 80%;
        	border: 1px solid #eee;
        }
        .tab-content-item {
        	width: 100%;
        	height: 100%;
        	padding: 1em;
 
        }
        .tab-content-item img {
        	width: 150px;
        	height: 80px;
        	float: left;
        	margin-right: 15px;

        }
      /*  .item-content-item .tab-content-more {
        	width: 50px;
        	height: 20px;
        	position:absolute;
        	bottom: 0;
        	right: 15px;
        }*/
        .tab-content-p {
        	float: left;
        }
        .hide {
        	visibility: hidden;
        }
        #selected {
        	background: #758a99;
        	color: white;
        }
        #selected  i {
        	color: #f5f7f9;
        }

	</style>
<!-- index-middle-content end -->

<div class="index-story margin">
	<div class="container">
		<div class="row">
			<div class="col-md-7">
				<div class="tab">
					<div class="tab-menu">
						<ul>
							<li id="selected"><i class="fa fa-balance-scale"></i>专业设置</li>
							<li><i class="fa fa-cogs"></i>专业发展</li>
							<li><i class="fa fa-bar-chart-o"></i>专业方向</li>
						</ul>
					</div>
					<div class="tab-content">
								<div class="tab-content-item">
									<p class="tab-content-p">
										
										信息管理与信息系统[1]  （Information Management and Information System，简称IMIS）<br>
										是集信息技术与管理科学于一体、实践性和创新性很强的交叉学科。<br><br>
										<img src="img/tab-menu-img1.jpg" alt="">
										本专业旨在培养具备现代管理学理论基础、计算机科学技术知识及应用能力，掌握系统思想和信息系统分析与设计方法以及信息管理等方面的知识与能力，从事信息管理以及信息系统分析、设计、实施、管理和评价的复合型人才。<br><br>
										其简称信息管理学或管理信息学，属于管理科学与工程范畴
									</p>
									<div class="tab-content-more">
									<p class="know-more">了解更多<i class="fa fa-angle-right"></i></p>
								</div>
								</div>
								<div class="tab-content-item">
									<p class="tab-content-p">
										信息管理与信息系统专业是由经济信息管理专业、科技信息学专业、管理信息系统、信息学和林业信息管理5个专业整合成信息管理与信息系统专业(简称:信管专业)。<br><br>
										还有一些专业如图书馆学专业、档案学专业、情报学专业等是根据时代发展的需要将其改名为信息管理与信息系统专业,一起隶属于管理类一级学科,管理科学与工程下的二级学科。而且管理信息学是信息管理与信息系统等专业的专业基础理论课程。<br><br>
		这门专业的教育是在20世纪60年代后期到70年代中期产生的管理信息系统理论与实践的基础上发展而来的。当时国际上这门专业学科在美国的明尼苏达大学得到了进一步的理论研究与实际应用。在专业教育产生初期，具有影响力的人物是明尼苏达大学卡尔森管理学院的著名教授GordonB Davis，他认为这门学科是一个利用计算机系统软件和硬件，手工作业、分析、计划、控制和决策模型以及数据库，它能提供信息支持企业或组织的运行、管理和决策功能。这门专业教育在我国的产生和发展是随着70年代中后期电子计算机在管理领域的广泛运用开始的。<br><br>
		从解放前一直到90年代，这门专业的名称并不叫做信息管理与信息系统，有的院校称之为经济信息管理专业。21世纪初期上海财经学院、南开大学国际企业管理系、湖北财经学院等都曾开设这一专业。还有的称之为信息学或者是中国海洋大学信息科学专业，80年代初期的代表院校主要有北京大学、中国人民大学、山东大学等等。<br>
								</p>
								<div class="tab-content-more">
									<p class="know-more">了解更多<i class="fa fa-angle-right"></i></p>
								</div>
							
							    </div>
								<div class="tab-content-item">
		                            <p class="tab-content-p">
		                            	对信息进行分类、管理、以及研究如何应用的科学<br>
这个专业主要是研究信息管理以及信息系统分析、设计、实施、管理和评价等方面的基本理论和方法。<br>
通俗地讲，就是从信息中发掘财富。与计算机结合，使计算机作为工具，信息管理更加有效和实用。<br>
<br>随着企业经营规模的现代化，对信息管理 的要求越来越强烈。例如铁路订票系统，就是对车票这种信息的查询和管理系统。可以说软件开发的最主要面向的客户就是帮助企业制作良好的信息管理系统。信息管理涉及咨询、服务、物流等很多行业，有很多的就业机会。<br>
授课的内容偏重计算机、涉及管理课程<br>
学习的内容涵盖计算机学科和管理学科的核心课程。管理学科方面有会计学、经济学、管理学、统计学；计算机方面有高级语言程序设计、数据结构、数据库、操作系统、计算机网络。两学科综合课程有电子商务、管理信息系统等。独立设计、实现小型信息系统或大型信息系统中的某一子系统，并在此基础上完成毕业设计论文，最后一个学期还应安排相应的管理软件上机实习。
		                            </p>
		                           <div class="tab-content-more">
									<p class="know-more">了解更多<i class="fa fa-angle-right"></i></p>
								</div>
								</div>
					   </div>
				</div>
				
			</div>
		<!-- 	左边介绍栏 -->
			<div class="col-md-5">
				<div class="index-story-item pull-right">
					<a href="#" class="story-right-icon">
						<span class="fa-stack fa-2x story-right-icon-span">
						  <i class="fa fa-circle-thin fa-stack-2x"></i>
						  <i class="fa fa-address-card fa-stack-1x"></i>
						</span>
						
						<p class="text-center story-right-desc">人物风采</p>
					</a>
					<a href="#" class="story-right-pic story-right-pic1">
						<div class="story-pic-desc">
							<p class="text-center">青年教师育人故事</p>
						</div>
					</a>
				</div>
                <!-- index-story-item end -->
				<div class="index-story-item pull-right">
					<a href="#" class="story-right-icon">
						<span class="fa-stack fa-2x story-right-icon-span">
						  <i class="fa fa-circle-thin fa-stack-2x"></i>
						  <i class="fa fa-area-chart fa-stack-1x"></i>
						</span>
						
						<p class="text-center story-right-desc">菁菁校园</p>
					</a>
					<a href="#" class="story-right-pic story-right-pic2">
						<div class="story-pic-desc ">
							<p class="text-center">留在木棉花记忆里的北理</p>
						</div>
					</a>
				</div>
                <!-- index-story-item end -->
				<div class="index-story-item pull-right">
					<a href="#" class="story-right-icon">
						<span class="fa-stack fa-2x story-right-icon-span">
						  <i class="fa fa-circle-thin fa-stack-2x"></i>
						  <i class="fa fa-book fa-stack-1x"></i>
						</span>
						
						<p class="text-center story-right-desc">学生风采</p>
					</a>
					<a href="#" class="story-right-pic story-right-pic3">
						<div class="story-pic-desc">
							<p class="text-center">沙盘模拟大赛激烈进行！</p>
						</div>
					</a>
				</div>
                <!-- index-story-item end -->
			</div>
		<!-- 	右边故事栏 -->
		</div>
		<!-- row  end -->
	</div>
	<!-- container  end -->
</div>
<!-- index-story  end -->

<!-- index-success start -->
        <div class="index-success">
        	<p class="index-success-title text-center">精彩回顾</p>
        	<div class="container">
        		<div class="row">
        			<div id="owl-demo2" class="owl-carousel">  
  					    <a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img1.jpeg" alt=""></a>
  					    <a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img2.jpg" alt=""></a>
  					    <a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img3.jpg" alt=""></a>
  					   <a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img1.jpeg" alt=""></a>
  					    <a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img2.jpg" alt=""></a>
  					    <a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img3.jpg" alt=""></a><a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img1.jpeg" alt=""></a>
  					    <a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img2.jpg" alt=""></a>
  					    <a href="#" class="item"><img class="lazyOwl" src="img/head-owl-img3.jpg" alt=""></a>
  					   
                    </div>
        		</div>
        	</div>
        </div>
<!--index-success end -->

<div class="footer margin">
	<div class="container">
		<div class="row">
			<div class="col-md-4">
				<img src="img/logo_bottom.png" alt="">
				<span class="footer-brd footer-brd1 pull-right"></span>
			</div>
			<div class="col-md-4">
				
				<p class="footer-address">
					地址:广东省珠海市唐家湾金凤路6号 邮编：519088</p>
				<p class="footer-address">
					联系电话：0756-3622745 招生咨询电话：0756-3622966
				</p>
				<p class="footer-address">
					邮箱：zhbit@zhbit.com
				</p>
                
			</div>
			<div class="col-md-4">
				<span class="footer-brd footer-brd2 pull-left"></span>
			    <p class="footer-address">
			    	版权所有：北京理工大学珠海学院
			    </p>
			    <p class="footer-address"> 
                  粤ICP备05063448号-1
			    </p>
			</div>
		</div>
	</div>
</div>
<div class="footer-end">
	<p class="text-center footer-end-intro">信息管理与信息系统</p>
</div>
<!-- footer-end end -->

<div class="fixed-menu">
	<div class="fixed-munu-item">
		<div class="fixed-munu-item-icon">
		   <i class="fa fa-wechat fa-2x"></i>
	    </div>
	    <div class="fixed-munu-item-content">
		      <p class="fixed-menu-intro text-center"><a href="#">专业公众号</a></p>
		      <div class="fix-menu-item-door">
		      	  
		      </div>
	    </div>
	</div>
	<!-- fixed-munu-item end -->
	<div class="fixed-munu-item">
		<div class="fixed-munu-item-icon">
		   <i class="fa fa-qq fa-2x"></i>
	    </div>
	    <div class="fixed-munu-item-content">
		      <p class="fixed-menu-intro text-center"><a href="#">新生交流群</a></p>
		      <div class="fix-menu-item-door">
		      	  
		      </div>
	    </div>
	</div>
	<!-- fixed-munu-item end -->
	<div class="fixed-munu-item">
		<div class="fixed-munu-item-icon">
		   <i class="fa fa-volume-control-phone fa-2x"></i>
	    </div>
	    <div class="fixed-munu-item-content">
		      <p class="fixed-menu-intro text-center"><a href="#">13192290054</a></p>
		      
	    </div>
	</div>
	<!-- fixed-munu-item end -->
	<div class="fixed-munu-item">
		<div class="fixed-munu-item-icon">
		   <i class="fa fa-pencil-square-o fa-2x"></i>
	    </div>
	    <div class="fixed-munu-item-content">
		      <p class="fixed-menu-intro text-center"><a href="#">反馈</a></p>
		      <!-- <div class="fix-menu-item-door">
		      	  <textarea name="message" id="" cols="30" rows="10"></textarea>
		      </div> -->
	    </div>
	</div>
	<!-- fixed-munu-item end -->
	<div class="fixed-munu-item">
		<div class="fixed-munu-item-icon">
		   <a href="#head-link"><i class="fa fa-chevron-up fa-2x"></i></a>
	    </div>
	</div>
	<!-- fixed-munu-item end -->
</div>
		
	<!-- JQuery -->
	<script src="plugin/js/jquery.min.js"></script>
	<!-- easyTab js -->
	<script src="plugin/js/easyResponsiveTabs.js"></script>
    <!-- Bootstrap -->
	<script src="plugin/js/bootstrap.min.js"></script>
    <!-- Scrollex -->
	<script src="plugin/js/jquery.scrollex.min.js"></script>
	 <!-- Stellar -->
	<script src="plugin/js/jquery.stellar.min.js"></script>
    <!-- Owl Carousel -->
	<script src="plugin/js/owl.carousel.min.js"></script>
    <!-- Count To -->
	<script src="plugin/js/jquery.countTo.js"></script>
    
	<script>

$(function(){
    $('#owl-demo').owlCarousel({
        items: 1,
        autoplay: true,
        autoplayTimeout:2000,
         animateIn:true,
         loop:true,
         nav:true,
        navText:[' <i class="fa fa-3x fa-angle-left"></i>',' <i class="fa fa-3x fa-angle-right"></i>']
    });
     $('#owl-demo2').owlCarousel({
            items: 5,
            navigation: true,
            autoplay:true,
            autoplayTimeout:2000,
            animateIn:true,
            loop:true,
            nav:true,
            navText:[' <i class="fa fa-3x fa-angle-left"></i>',' <i class="fa fa-3x fa-angle-right"></i>']
           
      });
    //轮播效果完成
        $(window).scroll(function() {

          if(($(this).scrollTop() > 0)) {
          	
            $(".fixed-munu-item").css("opacity","1");
        }
        else{
             $(".fixed-munu-item").css("opacity","0");
        }
        			
      });
     $(window).load(function() {

          if(($(this).scrollTop() > 0)) {
          	
            $(".fixed-munu-item").css("opacity","1");
        }
        else{
             $(".fixed-munu-item").css("opacity","0");
        }
        			
      });
     //滚动监听完成
    $(".fixed-munu-item").hover(
         function() {	 	
             $(this).find(".fixed-munu-item-icon").css("background","#0099CC");
		     $(this).find(".fixed-munu-item-icon i").css("color","#eee");
		     $(this).find(".fixed-munu-item-content").animate({width:"120px"},1000).css("visibility","visible");

	     },function(){         
	         $(this).find(".fixed-munu-item-content").css({"visibility":"hidden","width":"80px"});
		 	 $(this).find(".fixed-munu-item-icon").css("background","#7d6d6d");
	         $(this).find(".fixed-munu-item-icon i").css("color","#eee");
         }
    );
    $(".fixed-munu-item-content").hover(
         function(){  
            $(this).find(".fix-menu-item-door").css("visibility","visible");
         },function(){
            $(this).find(".fix-menu-item-door").css("visibility","hidden");
         }
    );
    //侧边回馈栏完成
     $(".tab-content-item").eq(1).hide();
      $(".tab-content-item").eq(2).hide();
      $(".tab-menu li").click(function(){
           $(this).attr("id","selected").siblings().attr("id","");
           	  var index = $(".tab-menu li").index(this);
           $(".tab-content-item").eq(index).show().siblings().hide();
      });
});

      
	</script>
</body>
</html>